<mat-card [ixUiSearch]="searchableElements.elements.cloudCredentials">
  <mat-toolbar-row>
    <h3>{{ 'Cloud Credentials' | translate }}</h3>

    <div class="actions action-icon">
      <button
        *ixRequiresRoles="requiredRoles"
        mat-button
        color="default"
        [ixTest]="['add-cloud-credential']"
        [ixUiSearch]="searchableElements.elements.add"
        (click)="doAdd()"
      >
        {{ 'Add' | translate }}
      </button>
    </div>
  </mat-toolbar-row>
  <mat-card-content>
    <ix-table
      [ix-table-empty]="!(dataProvider.currentPageCount$ | async)"
      [emptyConfig]="emptyService.defaultEmptyConfig(dataProvider.emptyType$ | async)"
    >
      <thead
        ix-table-head
        [columns]="columns"
        [dataProvider]="dataProvider"
      ></thead>
      <tbody
        ix-table-body
        [columns]="columns"
        [dataProvider]="dataProvider"
        [isLoading]="!!(dataProvider.isLoading$ | async)"
      ></tbody>
    </ix-table>
    <ix-table-pager-show-more
      [pageSize]="5"
      [dataProvider]="dataProvider"
      [ixTestOverride]="['cloud-credentials']"
    ></ix-table-pager-show-more>
  </mat-card-content>
</mat-card>
